<template>
    <div class="page-loading">
        <div class="tip-div">
            <img class="img" src="../../assets/loading.gif">
            <p class="load-tip">加载中 ...</p>
        </div>
    </div>
</template>
<script>
export default {
  name: "page-loading"
};
</script>

<style lang="stylus" rel="stylesheet/stylus">
.page-loading {
    font-family: 'Microsoft YaHei';
    width: 100%;
    padding-top .12rem;
    align-self flex-start;

    .tip-div {
        width: 100%;
        height: 0.36rem;
        display: flex;
        align-items: center;
        justify-content: center;

        .img {
            width: 0.18rem;
            height: 0.18rem;
            margin-right: 0.08rem;
        }

        .load-tip {
            font-size: 0.13rem;
            color: #595656;
            letter-spacing: 0.01rem;
        }
    }
}
</style>